@message-prefix-cls: ~"@{css-prefix}message";
@icon-prefix-cls: ~"@{css-prefix}icon";

// @message-white-color: #ffffff;
.@{message-prefix-cls} {
  // top: 0;
  // &-notice {
  //   padding-left: 0;
  //   padding-right: 0;
  // }
  &-notice-content {
    padding: 16px 24px;
    font-size: 20px;
    box-shadow: 0px 8px 18px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;

    // display: block;
    // border-radius: 0;
    // padding: 12px 16px;
    &-info {
      .ivu-icon {
        font-size: 24px;
      }
    }
    &-success {
      .ivu-icon {
        font-size: 24px;
      }
    }

    &-warning {
      .ivu-icon {
        font-size: 24px;
      }
    }

    &-error {
      .ivu-icon {
        font-size: 24px;
      }
    }
  }

  // &-success .@{icon-prefix-cls} {
  //   color: @message-white-color
  // }

  // &-error .@{icon-prefix-cls} {
  //   color: @message-white-color
  // }

  // &-warning .@{icon-prefix-cls} {
  //   color: @message-white-color
  // }

  // &-info .@{icon-prefix-cls},
  // &-loading .@{icon-prefix-cls} {
  //   color: @message-white-color
  // }

  // &-notice-with-background{
  //   .@{message-prefix-cls}-notice-content{
  //     &-background{
  //       box-shadow: none;
  //     }
  //     &-info{
  //       background: ~`colorPalette("@{primary-color}", 5)`;
  //       color: @message-white-color;
  //       border-color: ~`colorPalette("@{primary-color}", 5)`;
  //     }
  //     &-success{
  //       background: @success-color;
  //       color: @message-white-color;
  //       border-color: @success-color;
  //     }
  //     &-warning{
  //       background: @warning-color;
  //       color: @message-white-color;
  //       border-color: @warning-color;
  //     }
  //     &-error{
  //       background: @error-color;
  //       color: @message-white-color;
  //       border-color: @error-color
  //     }
  //   }
  // }
}
